<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <link rel="stylesheet" href="/assets/home/css/mui.min.css"  />
    <link rel="stylesheet" href="/assets/home/css/animate.min.css" />
    <link rel="stylesheet" href="/assets/home/css/reset.css"  />
    <link rel="stylesheet" href="/assets/home/css/common.css">
    <link rel="stylesheet" href="/assets/home/css/center.css" />
    <title>个人中心</title>
    <script src="/assets/home/js/jquery-1.9.1.min.js"></script>
    <script src="/assets/home/js/mui.min.js"></script>
    <script src="/assets/home/js/wow.min.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="user">
        <div class="avatar wow">
            <img src="{$business.avatar_text}" />
        </div>

        <div class="nickname wow" data-wow-delay="100ms">{$business.nickname}</div>
    </div>

    <!-- 菜单 -->
    <div class="menulist">  
        <div class="commonly-used">
            <div class="title wow">常用工具</div>
            <div class="list">
                <div class="item wow" data-wow-delay="100ms">
                    <a href="/home/center/profile">
                        <img src="/assets/home/images/profile.png" alt="">
                        <div class="name">基本资料</div>
                    </a>
                </div>

                <div class="item wow" data-wow-delay="120ms">
                    <a href="/home/center/order">
                        <img src="/assets/home/images/course.png" alt="">
                        <div class="name">我的课程</div>
                    </a>
                </div>

                <div class="item wow" data-wow-delay="140ms">
                    <a href="email.html">
                        <img src="/assets/home/images/email.png" alt="">
                        <div class="name">邮箱认证</div>
                    </a>
                </div>

                <div class="item wow" data-wow-delay="160ms">
                    <a href="/home/discount/coupon_bus">
                        <img src="/assets/home/images/coupon.png" alt="">
                        <div class="name">我的优惠券</div>
                    </a>
                </div>

                <div class="item wow" data-wow-delay="180ms">
                    <a href="/home/center/collection">
                        <img src="/assets/home/images/collection.png" alt="">
                        <div class="name">我的收藏</div>
                    </a>
                </div>

                <div class="item wow" data-wow-delay="180ms">
                    <a href="/home/center/follow">
                        <img src="/assets/home/images/order_1.png" alt="">
                        <div class="name">我的关注</div>
                    </a>
                </div>

                <div class="item wow" data-wow-delay="200ms">
                    <a href="/home/center/record">
                        <img src="/assets/home/images/record.png" alt="">
                        <div class="name">消费记录</div>
                    </a>
                </div>

                <div class="item wow" data-wow-delay="220ms">
                    <a href="/home/center/recharge">
                        <img src="/assets/home/images/recharge.png" alt="">
                        <div class="name">余额充值</div>
                    </a>
                </div>

                <div class="item wow" data-wow-delay="240ms">
                    <a href="/home/center/contact">
                        <img src="/assets/home/images/contact.png" alt="">
                        <div class="name">联系我们</div>
                    </a>
                </div>

                <div class="item wow" data-wow-delay="260ms" id="logout">
                    <a>
                        <img src="/assets/home/images/logout_1.png" alt="">
                        <div class="name">退出账号</div>
                    </a>
                </div>
            </div>
        </div>

        <div class="promotion">
            <div class="title wow">推广管理</div>
            <div class="list">
                <div class="item wow" data-wow-delay="200">
                    <a href="/home/center/poster">
                        <img src="/assets/home/images/poster.png" alt="">
                        <div class="name">推广海报</div>
                    </a>
                </div>

                <div class="item wow" data-wow-delay="220">
                    <a href="/home/center/team">
                        <img src="/assets/home/images/team.png" alt="">
                        <div class="name">我的团队</div>
                    </a>
                </div>

                <div class="item wow" data-wow-delay="240">
                    <a href="/home/center/money">
                        <img src="/assets/home/images/money.png" alt="">
                        <div class="name">提现</div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <script>localStorage.setItem("menu",3)</script>
    {include file="common/footer" /}
</body>

</html>
<script src="/assets/home/js/jquery-1.9.1.min.js"></script>
<script src="/assets/home/js/mui.min.js"></script>
<script>
    $('#logout').click(() => {
        mui.confirm(
            '是否确认退出',
            '退出提醒',
            ['确认','取消'],
            function(res)
            {
                if(res.index === 0)
                {
                    mui.toast('退出成功')
                    
                    // 关闭当前窗口
                    $('.mui-popup-backdrop').remove()
                    $('.mui-popup').remove()
                    
                    setTimeout(() => {
                        location.href = '/home/index/logout'
                    }, 500)
                }
            }
        )
    })

    new WOW({
        boxClass: 'wow',      // 需要执行动画的元素的 class(默认是wow)
        animateClass: 'animated fadeInDown', // animation.css 动画的 class(默认是animated)
        offset: 0,          // 距离可视区域多少开始执行动画(默认为0)
        mobile: true,       // 是否在移动设备上执行动画(默认为true)
        live: true,       // 异步加载的内容是否有效(默认为true)
        scrollContainer: '#box' // 可选滚动容器选择器，否则使用窗口
    }).init();
</script>